<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-商品分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">-->
    <link rel="stylesheet" href="/css/purchase/goodsClassify.min.css?v=<%=$version%>">
</head>
<body>
<div id="goodsClassify" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        商品分类
        <!--<span class="discount-spsre"></span>-->
    </header>
    <div class="goodsClassify">
        <div class="goodsClassify-left">
            <span :class="{active:name==item.name}" @click="getSubCategoryList(item)" v-for="(item,index) in categoryList">
                {{item.name}}
            </span>
        </div>
        <div class="goodsClassify-right">
            <img :src="subCategoryList.imgSrc">
            <div class="goodsClassify-rightTitle">
                <strong></strong>
                <span>{{name}}分类</span>
            </div>
            <div class="goodsClassify-rightCent clearfix">
                <a @click="getNext(item)" v-for="item in subCategoryList.categorys">
                    <span :style="bgimg(item.imgSrc)"></span>
                    <p>{{item.name}}</p>
                </a>
            </div>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<!--<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>-->
<script type="text/javascript" src="/js/purchase/goodsClassify.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>